<template>
	<h1>登录页面</h1>
	<ul>
		<!-- 自定义'方法',权限控制展示与否 -->
		<li v-if="hasPermission(['admin', 'manager'])">查看</li>
		<li>新增</li>
		<!-- 自定义'指令', 权限控制展示与否   自定义目录directives-->
		<li v-permission="['admin', 'manager']">修改</li>
		<li>删除</li>
	</ul>
</template>

<script setup>
import { onMounted } from 'vue';
import { hasPermission } from '@/store/permission';

// 加载时执行
onMounted(() => {
	initPage();
});

function initPage() {
	if (!hasPermission(['admin', 'manager'])) {
		return;
	}
}
</script>

<style></style>
